<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <link rel="stylesheet" href="../dist/css/main.css">
  <link rel="stylesheet" href="../assets/unslider/css/unslider.css">

</head>

<body>

<div id="main-header">
  <div class="main-header-background"
       style="background-image: url('http://i0.hdslb.com/group1/M00/B7/30/oYYBAFcjKTGANfoVAAGAcG7aL64682.jpg');"></div>
  <div class="main-header-nav">
    <div class="main-header-image"></div>
    <ul class="main-header-nav-body">
      <li class="nav-li floatleft now">
        <a href="#">首页</a>
      </li>

      <li class="nav-li floatleft">
        <a href="#">分类</a>
        <div class="nav-li-list">
          <a href="#">音乐</a>
          <a href="#">动画</a>
        </div>
      </li>

      <li class="nav-li floatleft">
        <a href="#">新番</a>
      </li>

      <li class="nav-li floatleft">
        <a href="#">移动端</a>
      </li>

      <li class="nav-li floatleft">
        <a href="#">项目</a>
      </li>

      <li class="nav-li floatleft">
        <a href="#">关于</a>
      </li>

      <div class="header-search floatright">
        <form action="#" method="post">
          <input name="content" placeholder="这里搜索">
          <input type="submit" value="搜 索" title="搜索" class="btn-search">
        </form>
      </div>
    </ul>
  </div>
</div>

<div id="main-container">
  <div class="area">
    <div class="area-inner">
      <div class="sort-left floatleft">
        <div class="banner">
          <p>翻唱.原创</p>
        </div>
        <div class="sort-tool-box floatleft">
          <a href="javascript:void(0)" class="btn floatleft active">最新发布</a>
          <a href="javascript:void(0)" class="btn floatleft">点击最高</a>
        </div>
        <div class="clear"></div>

        <div class="list-sort-block floatleft">
          <div class="video-item floatleft">
            <div class="video-block-small">
              <div class="left floatleft">
                <a href="#" target="_blank">
                  <div class="thumb">
                    <img src="http://cdn.aixifan.com/dotnet/artemis/u/cms/www/201605/05114414n6ksn1zi.jpg">
                  </div>
                </a>
                <div class="info floatleft">
                  <div class="info-text floatleft">播放: 2333</div>
                  <div class="info-text floatright">弹幕: 2333</div>
                </div>
              </div>
              <div class="right floatleft">
                <a href="#" class="title floatleft">
                  源自NICO，sm28768651 ゴーストルール 歌ってみた【夏代孝明とnqrse】.</a>

                <a href="#" class="up floatleft">up: WhiteBlue</a>
                <p class="desc">自制,做字幕到一半vge崩了,效果不够好,唱得也不好,抱歉辣 <br/>使用了武士桑的吉他翻弹做伴奏,特别感谢.</p>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>

        <div class="clear"></div>

        <div class="area-pager ">
          <span class="floatleft">首页</span>
          <span class="floatleft">上一页</span>
          <span class="floatleft">4</span>
          <span class="floatleft">5</span>
          <span class="floatleft">6</span>
          <span class="floatleft active">7</span>
          <span class="floatleft">8</span>
          <span class="floatleft">9</span>
          <span class="floatleft">10</span>
          <span class="floatleft next">下一页</span>
        </div>


      </div>
      <div class="sort-right floatleft">
        <div class="banner">
          <p>热门排行</p>
        </div>
        <div class="side-video-list">
          <div class="side-video-item">
            <div class="left floatleft">
              <img src="http://cdn.aixifan.com/dotnet/artemis/u/cms/www/201604/29075756dhqx90zb.jpg">
            </div>
            <div class="right floatleft">
              <a href="#" class="title">【猫田琹茶籽】サリシノハラ</a>
              <a href="#" class="up">猫田琹茶籽</a>
              <div class="info">
                <div class="info-text floatleft">播放: 2333</div>
                <div class="info-text floatright">弹幕: 2333</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>

<script src="//cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="../assets/js/stickup.min.js"></script>

<script>
  $(document).ready(function () {

    $('.needstick').stickUp({});
  });
</script>

</body>
</html>
